/* Reset */
.flexslider a:active,
.flexslider a:focus  { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.slides li { margin: 0; padding: 0;}

/* Necessary Styles */
.flexslider {
  position: relative;
  zoom: 1;
  margin: 0;
  padding: 0;
}
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container { zoom: 1; position: relative; }

/* Clearfix for .slides */
.slides:before,
.slides:after {
  content: " ";
  display: table;
}
.slides:after {
  clear: both;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }


/* FlexSlider Intro Slider Styles */
.slides {
  overflow: hidden;
  position: relative;
}

.slider-image {
  width: 90%;/*原始值是90%,若想把轮播图的图片宽度调整大一些，则需要修改此值*/
  margin: 0 auto;
}
.slides li img {
  vertical-align: bottom;
  display: block;
}

/* Direction Navigation
--------------------------------------------------------------- */
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 66px;
  margin: -33px 0 0 0;
  background-color: #1f2024;
  cursor: pointer;
  z-index: 9999;
  opacity: 0;
  position: absolute;
  top: 50%;

  /* hide text */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.flex-direction-nav a:hover { background-color: #0F9095; }

.flex-direction-nav .flex-next {
  right: 0px;
  background: #1f2024 url(../images/icons.png) no-repeat -185px 8px;
  position: absolute;
  border-radius: 3px 0 0 3px;
}
.flex-direction-nav .flex-prev {
  left: 0px;
  background: #1f2024 url(../images/icons.png) no-repeat -65px 8px;
  position: absolute;
  border-radius: 0 3px 3px 0;
}
.flexslider:hover .flex-next,
.flexslider:hover .flex-prev { opacity: 1; }
.flex-direction-nav .flex-disabled {
  opacity: .3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}